<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        img {
            border: 1px solid #ddd;
            border-radius: 4px;
            padding: 5px;
            transform-style: preserve-3d;
        }
        #test{
            /*transform:translate(50px,100px) rotate(90deg) scale(1.1,1.1);*/
            /*transform:skew(-10deg)*/
            transform:rotatez(80deg);

        }
    </style>
</head>
<body>
<img id="test" src="../image/paris.jpg" alt="Paris" width="400" height="300">
<img src="../image/paris.jpg" alt="Paris" width="400" height="300">
<img src="../image/paris.jpg" alt="Paris" width="400" height="300"><img src="../image/paris.jpg" alt="Paris" width="400" height="300"><img src="../image/paris.jpg" alt="Paris" width="400" height="300"><img src="../image/paris.jpg" alt="Paris" width="400" height="300"><img src="../image/paris.jpg" alt="Paris" width="400" height="300">
</body>
</html>